
<!DOCTYPE HTML>
<html lang="" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>5.2020-01-12-Ajax跨域问题解决方案 · GitBook</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="Ajax跨域问题解决方案">
        <meta name="generator" content="GitBook 3.2.3">
        
        
        
    
    <link rel="stylesheet" href="../gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-search/search.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-fontsettings/website.css">
                
            
        

    

    
        
    
        
    
        
    
        
    
        
    
        
    

        
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">

    
    <link rel="next" href="2020-01-12-freemarker应用场景介绍.html" />
    
    
    <link rel="prev" href="2019-12-31-设计模式.html" />
    

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search" />
</div>

            
                <nav role="navigation">
                


<ul class="summary">
    
    

    

    
        
        
    
        <li class="chapter " data-level="1.1" data-path="../">
            
                <a href="../">
            
                    
                    简介
            
                </a>
            

            
        </li>
    

    
        
        <li class="divider"></li>
        
        
    
        <li class="chapter " data-level="2.1" >
            
                <span>
            
                    
                    [bigdata]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.1.1" data-path="../bigdata/2019-12-30-spark-in-docker.html">
            
                <a href="../bigdata/2019-12-30-spark-in-docker.html">
            
                    
                    1.2019-12-30-spark-in-docker
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.1.2" data-path="../bigdata/2019-12-30-spark-RDD.html">
            
                <a href="../bigdata/2019-12-30-spark-RDD.html">
            
                    
                    2.2019-12-30-spark-RDD
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.1.3" data-path="../bigdata/2019-12-31-hadoop-hdfs命令别名.html">
            
                <a href="../bigdata/2019-12-31-hadoop-hdfs命令别名.html">
            
                    
                    3.2019-12-31-hadoop-hdfs命令别名
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.2" >
            
                <span>
            
                    
                    [c]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.2.1" data-path="../c/2020-01-07-c语言.html">
            
                <a href="../c/2020-01-07-c语言.html">
            
                    
                    1.2020-01-07-c语言
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.2.2" data-path="../c/2020-01-07-C语言基础教程.html">
            
                <a href="../c/2020-01-07-C语言基础教程.html">
            
                    
                    2.2020-01-07-C语言基础教程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.2.3" data-path="../c/2020-01-09-c语言语法基础.html">
            
                <a href="../c/2020-01-09-c语言语法基础.html">
            
                    
                    3.2020-01-09-c语言语法基础
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.3" >
            
                <span>
            
                    
                    [DataStructureandAlgorithms]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.3.1" data-path="../DataStructureandAlgorithms/2019-12-28-数据结构和算法的关系.html">
            
                <a href="../DataStructureandAlgorithms/2019-12-28-数据结构和算法的关系.html">
            
                    
                    1.2019-12-28-数据结构和算法的关系
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.3.2" data-path="../DataStructureandAlgorithms/2019-12-28-稀疏数组.html">
            
                <a href="../DataStructureandAlgorithms/2019-12-28-稀疏数组.html">
            
                    
                    2.2019-12-28-稀疏数组
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.4" >
            
                <span>
            
                    
                    [git]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.4.1" data-path="../git/2019-12-28-git-alias.html">
            
                <a href="../git/2019-12-28-git-alias.html">
            
                    
                    1.2019-12-28-git-alias
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.4.2" data-path="../git/2019-12-29-git常用命令.html">
            
                <a href="../git/2019-12-29-git常用命令.html">
            
                    
                    2.2019-12-29-git常用命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.4.3" data-path="../git/2019-12-31-git教程.html">
            
                <a href="../git/2019-12-31-git教程.html">
            
                    
                    3.2019-12-31-git教程
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.5" >
            
                <span>
            
                    
                    [go]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.5.1" data-path="../go/2019-12-30-beego基本使用.html">
            
                <a href="../go/2019-12-30-beego基本使用.html">
            
                    
                    1.2019-12-30-beego基本使用
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.6" >
            
                <span>
            
                    
                    [java]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.6.1" data-path="2019-12-30-环境变量和系统属性.html">
            
                <a href="2019-12-30-环境变量和系统属性.html">
            
                    
                    1.2019-12-30-环境变量和系统属性
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.2" data-path="2019-12-31-cloud-native-云原生.html">
            
                <a href="2019-12-31-cloud-native-云原生.html">
            
                    
                    2.2019-12-31-cloud-native-云原生
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.3" data-path="2019-12-31-java语法难点.html">
            
                <a href="2019-12-31-java语法难点.html">
            
                    
                    3.2019-12-31-java语法难点
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.4" data-path="2019-12-31-设计模式.html">
            
                <a href="2019-12-31-设计模式.html">
            
                    
                    4.2019-12-31-设计模式
            
                </a>
            

            
        </li>
    
        <li class="chapter active" data-level="2.6.5" data-path="2020-01-12-Ajax跨域问题解决方案.html">
            
                <a href="2020-01-12-Ajax跨域问题解决方案.html">
            
                    
                    5.2020-01-12-Ajax跨域问题解决方案
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.6" data-path="2020-01-12-freemarker应用场景介绍.html">
            
                <a href="2020-01-12-freemarker应用场景介绍.html">
            
                    
                    6.2020-01-12-freemarker应用场景介绍
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.7" data-path="2020-01-12-jsp运行原理和运行过程.html">
            
                <a href="2020-01-12-jsp运行原理和运行过程.html">
            
                    
                    7.2020-01-12-jsp运行原理和运行过程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.8" data-path="2020-01-12-深入理解Maven中的Profile.html">
            
                <a href="2020-01-12-深入理解Maven中的Profile.html">
            
                    
                    8.2020-01-12-深入理解Maven中的Profile
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.9" data-path="2020-01-12-缓存穿透-缓存击穿-缓存雪崩概念及解决方案.html">
            
                <a href="2020-01-12-缓存穿透-缓存击穿-缓存雪崩概念及解决方案.html">
            
                    
                    9.2020-01-12-缓存穿透-缓存击穿-缓存雪崩概念及解决方案
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.10" data-path="2020-01-13-事务笔记.html">
            
                <a href="2020-01-13-事务笔记.html">
            
                    
                    10.2020-01-13-事务笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.11" data-path="2020-01-13-幂等性.html">
            
                <a href="2020-01-13-幂等性.html">
            
                    
                    11.2020-01-13-幂等性
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6.12" data-path="2020-01-16-java基本语法.html">
            
                <a href="2020-01-16-java基本语法.html">
            
                    
                    12.2020-01-16-java基本语法
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.7" >
            
                <span>
            
                    
                    [arthas]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.7.1" data-path="arthas/2019-12-28-arthas-example.html">
            
                <a href="arthas/2019-12-28-arthas-example.html">
            
                    
                    1.2019-12-28-arthas-example
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.2" data-path="arthas/2019-12-28-arthas添加支持执行历史命令的shell功能.html">
            
                <a href="arthas/2019-12-28-arthas添加支持执行历史命令的shell功能.html">
            
                    
                    2.2019-12-28-arthas添加支持执行历史命令的shell功能
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.3" data-path="arthas/2020-01-10-思考性能调优.html">
            
                <a href="arthas/2020-01-10-思考性能调优.html">
            
                    
                    3.2020-01-10-思考性能调优
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.4" data-path="arthas/2020-01-10-性能调优举例-最佳实践.html">
            
                <a href="arthas/2020-01-10-性能调优举例-最佳实践.html">
            
                    
                    4.2020-01-10-性能调优举例-最佳实践
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.5" data-path="arthas/2020-01-10-性能调优举例一.html">
            
                <a href="arthas/2020-01-10-性能调优举例一.html">
            
                    
                    5.2020-01-10-性能调优举例一
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.6" data-path="arthas/2020-01-10-性能调优举例三.html">
            
                <a href="arthas/2020-01-10-性能调优举例三.html">
            
                    
                    6.2020-01-10-性能调优举例三
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.7" data-path="arthas/2020-01-10-性能调优举例二.html">
            
                <a href="arthas/2020-01-10-性能调优举例二.html">
            
                    
                    7.2020-01-10-性能调优举例二
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.8" data-path="arthas/2020-01-10-性能调优举例四.html">
            
                <a href="arthas/2020-01-10-性能调优举例四.html">
            
                    
                    8.2020-01-10-性能调优举例四
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.9" data-path="arthas/2020-01-15-性能调优举例五.html">
            
                <a href="arthas/2020-01-15-性能调优举例五.html">
            
                    
                    9.2020-01-15-性能调优举例五
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.10" data-path="arthas/2020-05-12-性能调优举例六.html">
            
                <a href="arthas/2020-05-12-性能调优举例六.html">
            
                    
                    10.2020-05-12-性能调优举例六
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7.11" data-path="arthas/arthas-mind-map.html">
            
                <a href="arthas/arthas-mind-map.html">
            
                    
                    11.arthas-mind-map
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.8" >
            
                <span>
            
                    
                    [dubbo]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.8.1" data-path="dubbo/2019-12-28-dubbo涉及的技术.html">
            
                <a href="dubbo/2019-12-28-dubbo涉及的技术.html">
            
                    
                    1.2019-12-28-dubbo涉及的技术
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.8.2" data-path="dubbo/2019-12-30-dubbo消费者访问流程.html">
            
                <a href="dubbo/2019-12-30-dubbo消费者访问流程.html">
            
                    
                    2.2019-12-30-dubbo消费者访问流程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.8.3" data-path="dubbo/2019-12-30-dubbo面试.html">
            
                <a href="dubbo/2019-12-30-dubbo面试.html">
            
                    
                    3.2019-12-30-dubbo面试
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.9" >
            
                <span>
            
                    
                    [jdk]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.9.1" data-path="jdk/2020-01-12-实例介绍 JAVA 泛型基础.html">
            
                <a href="jdk/2020-01-12-实例介绍 JAVA 泛型基础.html">
            
                    
                    1.2020-01-12-实例介绍 JAVA 泛型基础
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.9.2" data-path="jdk/2020-01-13-ThreadLocal六连问.html">
            
                <a href="jdk/2020-01-13-ThreadLocal六连问.html">
            
                    
                    2.2020-01-13-ThreadLocal六连问
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.10" >
            
                <span>
            
                    
                    [jvm]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.10.1" data-path="jvm/2019-12-30-性能调优.html">
            
                <a href="jvm/2019-12-30-性能调优.html">
            
                    
                    1.2019-12-30-性能调优
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.11" >
            
                <span>
            
                    
                    [netty]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.11.1" data-path="netty/2020-01-16-netty入门.html">
            
                <a href="netty/2020-01-16-netty入门.html">
            
                    
                    1.2020-01-16-netty入门
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.11.2" data-path="netty/2020-01-16-netty核心概念.html">
            
                <a href="netty/2020-01-16-netty核心概念.html">
            
                    
                    2.2020-01-16-netty核心概念
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.12" >
            
                <span>
            
                    
                    [solr]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.12.1" data-path="solr/2019-12-28-solr-7.6.0.tgz安装.html">
            
                <a href="solr/2019-12-28-solr-7.6.0.tgz安装.html">
            
                    
                    1.2019-12-28-solr-7.6.0.tgz安装
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.13" >
            
                <span>
            
                    
                    [spring]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.13.1" data-path="spring/2020-01-12-SpringBoot属性读取方式介绍.html">
            
                <a href="spring/2020-01-12-SpringBoot属性读取方式介绍.html">
            
                    
                    1.2020-01-12-SpringBoot属性读取方式介绍
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.13.2" data-path="spring/2020-01-12-使用spring boot+mybatis plus快速入门.html">
            
                <a href="spring/2020-01-12-使用spring boot+mybatis plus快速入门.html">
            
                    
                    2.2020-01-12-使用spring boot+mybatis plus快速入门
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.13.3" data-path="spring/2020-01-13-spring-initMethod-destoryMethod.html">
            
                <a href="spring/2020-01-13-spring-initMethod-destoryMethod.html">
            
                    
                    3.2020-01-13-spring-initMethod-destoryMethod
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.13.4" data-path="spring/2020-01-13-spring循环依赖.html">
            
                <a href="spring/2020-01-13-spring循环依赖.html">
            
                    
                    4.2020-01-13-spring循环依赖
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.13.5" data-path="spring/2020-01-13-spring源码随记.html">
            
                <a href="spring/2020-01-13-spring源码随记.html">
            
                    
                    5.2020-01-13-spring源码随记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.13.6" data-path="spring/2020-01-13-自定义mini-spring.html">
            
                <a href="spring/2020-01-13-自定义mini-spring.html">
            
                    
                    6.2020-01-13-自定义mini-spring
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.14" >
            
                <span>
            
                    
                    [websocket]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.14.1" data-path="websocket/2019-12-30-webscoket-springboot通信.html">
            
                <a href="websocket/2019-12-30-webscoket-springboot通信.html">
            
                    
                    1.2019-12-30-webscoket-springboot通信
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.15" >
            
                <span>
            
                    
                    [linux]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.15.1" data-path="../linux/2019-12-28-Linux常用命令和快捷键.html">
            
                <a href="../linux/2019-12-28-Linux常用命令和快捷键.html">
            
                    
                    1.2019-12-28-Linux常用命令和快捷键
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.2" data-path="../linux/2019-12-28-从零到一环境安装.html">
            
                <a href="../linux/2019-12-28-从零到一环境安装.html">
            
                    
                    2.2019-12-28-从零到一环境安装
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.3" data-path="../linux/2019-12-30-vi-常用命令.html">
            
                <a href="../linux/2019-12-30-vi-常用命令.html">
            
                    
                    3.2019-12-30-vi-常用命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.4" data-path="../linux/2019-12-31-awk命令.html">
            
                <a href="../linux/2019-12-31-awk命令.html">
            
                    
                    4.2019-12-31-awk命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.5" data-path="../linux/2019-12-31-cup信息分析.html">
            
                <a href="../linux/2019-12-31-cup信息分析.html">
            
                    
                    5.2019-12-31-cup信息分析
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.6" data-path="../linux/2019-12-31-shell编程.html">
            
                <a href="../linux/2019-12-31-shell编程.html">
            
                    
                    6.2019-12-31-shell编程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.7" data-path="../linux/2019-12-31-top命令.html">
            
                <a href="../linux/2019-12-31-top命令.html">
            
                    
                    7.2019-12-31-top命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.8" data-path="../linux/2019-12-31-普通用户docker的问题.html">
            
                <a href="../linux/2019-12-31-普通用户docker的问题.html">
            
                    
                    8.2019-12-31-普通用户docker的问题
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.9" data-path="../linux/2020-01-01-centos7 安装kubernetes.html">
            
                <a href="../linux/2020-01-01-centos7 安装kubernetes.html">
            
                    
                    9.2020-01-01-centos7 安装kubernetes
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.10" data-path="../linux/2020-01-01-centos安装常用配置.html">
            
                <a href="../linux/2020-01-01-centos安装常用配置.html">
            
                    
                    10.2020-01-01-centos安装常用配置
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.11" data-path="../linux/2020-01-01-docker使用.html">
            
                <a href="../linux/2020-01-01-docker使用.html">
            
                    
                    11.2020-01-01-docker使用
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.12" data-path="../linux/2020-01-01-kubernetes使用.html">
            
                <a href="../linux/2020-01-01-kubernetes使用.html">
            
                    
                    12.2020-01-01-kubernetes使用
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.13" data-path="../linux/2020-05-12-PG有用的SQL.html">
            
                <a href="../linux/2020-05-12-PG有用的SQL.html">
            
                    
                    13.2020-05-12-PG有用的SQL
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15.14" data-path="../linux/2020-05-12-vim命令.html">
            
                <a href="../linux/2020-05-12-vim命令.html">
            
                    
                    14.2020-05-12-vim命令
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.16" >
            
                <span>
            
                    
                    [automate]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.16.1" data-path="../linux/automate/2020-01-12-redis伪集群创建脚本.html">
            
                <a href="../linux/automate/2020-01-12-redis伪集群创建脚本.html">
            
                    
                    1.2020-01-12-redis伪集群创建脚本
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.16.2" data-path="../linux/automate/2020-01-12-tomcat集群创建脚本.html">
            
                <a href="../linux/automate/2020-01-12-tomcat集群创建脚本.html">
            
                    
                    2.2020-01-12-tomcat集群创建脚本
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.16.3" data-path="../linux/automate/2020-01-12-zookeeper自动化脚本.html">
            
                <a href="../linux/automate/2020-01-12-zookeeper自动化脚本.html">
            
                    
                    3.2020-01-12-zookeeper自动化脚本
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.16.4" data-path="../linux/automate/2020-01-12-其他自动化脚本.html">
            
                <a href="../linux/automate/2020-01-12-其他自动化脚本.html">
            
                    
                    4.2020-01-12-其他自动化脚本
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.17" >
            
                <span>
            
                    
                    [MySQL]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.17.1" data-path="../MySQL/2019-12-31-mysql常用命令.html">
            
                <a href="../MySQL/2019-12-31-mysql常用命令.html">
            
                    
                    1.2019-12-31-mysql常用命令
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.18" >
            
                <span>
            
                    
                    [nginx]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.18.1" data-path="../nginx/2019-12-29-Nginx-Keepalived高可用集群.html">
            
                <a href="../nginx/2019-12-29-Nginx-Keepalived高可用集群.html">
            
                    
                    1.2019-12-29-Nginx-Keepalived高可用集群
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.18.2" data-path="../nginx/2020-01-16-nginx参数详细说明.html">
            
                <a href="../nginx/2020-01-16-nginx参数详细说明.html">
            
                    
                    2.2020-01-16-nginx参数详细说明
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.19" >
            
                <span>
            
                    
                    [other]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.19.1" data-path="../other/2019-12-28-知识小计.html">
            
                <a href="../other/2019-12-28-知识小计.html">
            
                    
                    1.2019-12-28-知识小计
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.19.2" data-path="../other/2020-01-04-科学上网.html">
            
                <a href="../other/2020-01-04-科学上网.html">
            
                    
                    2.2020-01-04-科学上网
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.19.3" data-path="../other/2020-05-13-正则表达式.html">
            
                <a href="../other/2020-05-13-正则表达式.html">
            
                    
                    3.2020-05-13-正则表达式
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.19.4" data-path="../other/template.html">
            
                <a href="../other/template.html">
            
                    
                    4.template
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.20" >
            
                <span>
            
                    
                    [PostgreSQL]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.20.1" data-path="../PostgreSQL/2019-12-28-PostgreSQL安装文档.html">
            
                <a href="../PostgreSQL/2019-12-28-PostgreSQL安装文档.html">
            
                    
                    1.2019-12-28-PostgreSQL安装文档
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.20.2" data-path="../PostgreSQL/2019-12-28-Postgres学习笔记.html">
            
                <a href="../PostgreSQL/2019-12-28-Postgres学习笔记.html">
            
                    
                    2.2019-12-28-Postgres学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.20.3" data-path="../PostgreSQL/2019-12-28-脚本MYSQL导出数据到PG.html">
            
                <a href="../PostgreSQL/2019-12-28-脚本MYSQL导出数据到PG.html">
            
                    
                    3.2019-12-28-脚本MYSQL导出数据到PG
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.20.4" data-path="../PostgreSQL/2020-01-04-docker-PostgreSQL安装文档.html">
            
                <a href="../PostgreSQL/2020-01-04-docker-PostgreSQL安装文档.html">
            
                    
                    4.2020-01-04-docker-PostgreSQL安装文档
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.20.5" data-path="../PostgreSQL/2020-01-17-阿里云PG主从切换问题.html">
            
                <a href="../PostgreSQL/2020-01-17-阿里云PG主从切换问题.html">
            
                    
                    5.2020-01-17-阿里云PG主从切换问题
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.21" >
            
                <span>
            
                    
                    [python]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.21.1" data-path="../python/2019-12-28-pip-install指定国内源镜像.html">
            
                <a href="../python/2019-12-28-pip-install指定国内源镜像.html">
            
                    
                    1.2019-12-28-pip-install指定国内源镜像
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.21.2" data-path="../python/2019-12-30-python内置函数.html">
            
                <a href="../python/2019-12-30-python内置函数.html">
            
                    
                    2.2019-12-30-python内置函数
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.21.3" data-path="../python/2019-12-30-一图搞懂基本python语法 .html">
            
                <a href="../python/2019-12-30-一图搞懂基本python语法 .html">
            
                    
                    3.2019-12-30-一图搞懂基本python语法 
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.22" >
            
                <span>
            
                    
                    [redis]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.22.1" data-path="../redis/2019-12-28-redis5.0.3安装.html">
            
                <a href="../redis/2019-12-28-redis5.0.3安装.html">
            
                    
                    1.2019-12-28-redis5.0.3安装
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.22.2" data-path="../redis/2019-12-28-redis5.0.3集群搭建.html">
            
                <a href="../redis/2019-12-28-redis5.0.3集群搭建.html">
            
                    
                    2.2019-12-28-redis5.0.3集群搭建
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.23" >
            
                <span>
            
                    
                    [tool]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.23.1" data-path="../tool/2019-12-28-idea高效使用技巧和快捷键.html">
            
                <a href="../tool/2019-12-28-idea高效使用技巧和快捷键.html">
            
                    
                    1.2019-12-28-idea高效使用技巧和快捷键
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.23.2" data-path="../tool/2019-12-28-PlantUML画图脚本.html">
            
                <a href="../tool/2019-12-28-PlantUML画图脚本.html">
            
                    
                    2.2019-12-28-PlantUML画图脚本
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.23.3" data-path="../tool/2019-12-30-vscode高效使用.html">
            
                <a href="../tool/2019-12-30-vscode高效使用.html">
            
                    
                    3.2019-12-30-vscode高效使用
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2.24" >
            
                <span>
            
                    
                    [windows]
            
                </span>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.24.1" data-path="../windows/2020-01-12-本地服务成为互联网服务.html">
            
                <a href="../windows/2020-01-12-本地服务成为互联网服务.html">
            
                    
                    1.2020-01-12-本地服务成为互联网服务
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.24.2" data-path="../windows/2020-01-12-注册bat为windows服务.html">
            
                <a href="../windows/2020-01-12-注册bat为windows服务.html">
            
                    
                    2.2020-01-12-注册bat为windows服务
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            Published with GitBook
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >5.2020-01-12-Ajax跨域问题解决方案</a>
    </h1>
</div>




                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
                                <p>Ajax&#x8DE8;&#x57DF;&#x95EE;&#x9898;&#x89E3;&#x51B3;&#x65B9;&#x6848;</p>
<h2 id="&#x4EC0;&#x4E48;&#x662F;&#x8DE8;&#x57DF;">&#x4EC0;&#x4E48;&#x662F;&#x8DE8;&#x57DF;</h2>
<p>&#x53EA;&#x8981;&#x534F;&#x8BAE;&#x3001;&#x57DF;&#x540D;&#x3001;&#x7AEF;&#x53E3;&#x6709;&#x4EFB;&#x4F55;&#x4E00;&#x4E2A;&#x4E0D;&#x540C;&#xFF0C;&#x90FD;&#x88AB;&#x5F53;&#x4F5C;&#x662F;&#x4E0D;&#x540C;&#x7684;&#x57DF;&#xFF0C;&#x4E4B;&#x95F4;&#x7684;&#x8BF7;&#x6C42;&#x5C31;&#x662F;&#x8DE8;&#x57DF;&#x64CD;&#x4F5C;&#x3002;</p>
<h3 id="&#x4E24;&#x79CD;&#x540C;&#x6E90;&#x7B56;&#x7565;">&#x4E24;&#x79CD;&#x540C;&#x6E90;&#x7B56;&#x7565;</h3>
<p>&#x6D4F;&#x89C8;&#x5668;&#x7684;&#x540C;&#x6E90;&#x7B56;&#x7565;&#x4F1A;&#x5BFC;&#x81F4;&#x8DE8;&#x57DF;&#xFF0C;&#x8FD9;&#x91CC;&#x540C;&#x6E90;&#x7B56;&#x7565;&#x53C8;&#x5206;&#x4E3A;&#x4EE5;&#x4E0B;&#x4E24;&#x79CD;&#xFF1A;</p>
<ul>
<li>DOM&#x540C;&#x6E90;&#x7B56;&#x7565;&#xFF1A;&#x7981;&#x6B62;&#x5BF9;&#x4E0D;&#x540C;&#x6E90;&#x9875;&#x9762;DOM&#x8FDB;&#x884C;&#x64CD;&#x4F5C;&#x3002;&#x8FD9;&#x91CC;&#x4E3B;&#x8981;&#x573A;&#x666F;&#x662F;iframe&#x8DE8;&#x57DF;&#x7684;&#x60C5;&#x51B5;&#xFF0C;&#x4E0D;&#x540C;&#x57DF;&#x540D;&#x7684;iframe&#x662F;&#x9650;&#x5236;&#x4E92;&#x76F8;&#x8BBF;&#x95EE;&#x7684;&#x3002;<ul>
<li>XmlHttpRequest&#x540C;&#x6E90;&#x7B56;&#x7565;&#xFF1A;&#x7981;&#x6B62;&#x4F7F;&#x7528;XHR&#x5BF9;&#x8C61;&#x5411;&#x4E0D;&#x540C;&#x6E90;&#x7684;&#x670D;&#x52A1;&#x5668;&#x5730;&#x5740;&#x53D1;&#x8D77;HTTP&#x8BF7;&#x6C42;&#x3002;</li>
</ul>
</li>
</ul>
<h2 id="&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x6709;&#x8DE8;&#x57DF;&#x9650;&#x5236;">&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x6709;&#x8DE8;&#x57DF;&#x9650;&#x5236;</h2>
<p>&#x4E86;&#x89E3;&#x5B8C;&#x8DE8;&#x57DF;&#x4E4B;&#x540E;&#xFF0C;&#x60F3;&#x5FC5;&#x5927;&#x5BB6;&#x90FD;&#x4F1A;&#x6709;&#x8FD9;&#x4E48;&#x4E00;&#x4E2A;&#x601D;&#x8003;&#xFF0C;&#x4E3A;&#x4EC0;&#x4E48;&#x8981;&#x6709;&#x8DE8;&#x57DF;&#x7684;&#x9650;&#x5236;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x8FD9;&#x4E48;&#x505A;&#x662F;&#x51FA;&#x4E8E;&#x4F55;&#x79CD;&#x539F;&#x56E0;&#x5462;&#x3002;&#x5176;&#x5B9E;&#x4ED4;&#x7EC6;&#x60F3;&#x4E00;&#x60F3;&#x5C31;&#x4F1A;&#x660E;&#x767D;&#xFF0C;&#x8DE8;&#x57DF;&#x9650;&#x5236;&#x4E3B;&#x8981;&#x662F;&#x4E3A;&#x4E86;&#x5B89;&#x5168;&#x8003;&#x8651;&#x3002;</p>
<h3 id="&#x9632;&#x6B62;csrf&#x653B;&#x51FB;">&#x9632;&#x6B62;CSRF&#x653B;&#x51FB;</h3>
<p>AJAX&#x540C;&#x6E90;&#x7B56;&#x7565;&#x4E3B;&#x8981;&#x7528;&#x6765;&#x9632;&#x6B62;CSRF&#x653B;&#x51FB;&#x5982;&#x679C;&#x6CA1;&#x6709;AJAX&#x540C;&#x6E90;&#x7B56;&#x7565;&#xFF0C;&#x76F8;&#x5F53;&#x5371;&#x9669;&#xFF0C;&#x6211;&#x4EEC;&#x53D1;&#x8D77;&#x7684;&#x6BCF;&#x4E00;&#x6B21;HTTP&#x8BF7;&#x6C42;&#x90FD;&#x4F1A;&#x5E26;&#x4E0A;&#x8BF7;&#x6C42;&#x5730;&#x5740;&#x5BF9;&#x5E94;&#x7684;cookie&#xFF0C;&#x90A3;&#x4E48;&#x53EF;&#x4EE5;&#x505A;&#x5982;&#x4E0B;&#x653B;&#x51FB;&#xFF1A;</p>
<ul>
<li>&#x7528;&#x6237;&#x767B;&#x5F55;&#x4E86;&#x81EA;&#x5DF1;&#x7684;&#x94F6;&#x884C;&#x9875;&#x9762;<code>&lt;http://mybank.com&gt;</code>&#xFF0C;<code>&lt;http://mybank.com&gt;</code>&#x5411;&#x7528;&#x6237;&#x7684;cookie&#x4E2D;&#x6DFB;&#x52A0;&#x7528;&#x6237;&#x6807;&#x8BC6;&#x3002;</li>
<li>&#x7528;&#x6237;&#x6D4F;&#x89C8;&#x4E86;&#x6076;&#x610F;&#x9875;&#x9762;<code>&lt;http://evil.com&gt;</code>&#x3002;&#x6267;&#x884C;&#x4E86;&#x9875;&#x9762;&#x4E2D;&#x7684;&#x6076;&#x610F;AJAX&#x8BF7;&#x6C42;&#x4EE3;&#x7801;&#x3002;</li>
<li><code>&lt;http://evil.com&gt;</code>&#x5411;<code>&lt;http://mybank.com&gt;</code>&#x53D1;&#x8D77;AJAX HTTP&#x8BF7;&#x6C42;&#xFF0C;&#x8BF7;&#x6C42;&#x4F1A;&#x9ED8;&#x8BA4;&#x628A;<code>&lt;http://mybank.com&gt;</code>&#x5BF9;&#x5E94;cookie&#x4E5F;&#x540C;&#x65F6;&#x53D1;&#x9001;&#x8FC7;&#x53BB;&#x3002;</li>
<li>&#x94F6;&#x884C;&#x9875;&#x9762;&#x4ECE;&#x53D1;&#x9001;&#x7684;cookie&#x4E2D;&#x63D0;&#x53D6;&#x7528;&#x6237;&#x6807;&#x8BC6;&#xFF0C;&#x9A8C;&#x8BC1;&#x7528;&#x6237;&#x65E0;&#x8BEF;&#xFF0C;response&#x4E2D;&#x8FD4;&#x56DE;&#x8BF7;&#x6C42;&#x6570;&#x636E;&#x3002;&#x6B64;&#x65F6;&#x6570;&#x636E;&#x5C31;&#x6CC4;&#x9732;&#x4E86;&#x3002;</li>
<li>&#x800C;&#x4E14;&#x7531;&#x4E8E;Ajax&#x5728;&#x540E;&#x53F0;&#x6267;&#x884C;&#xFF0C;&#x7528;&#x6237;&#x65E0;&#x6CD5;&#x611F;&#x77E5;&#x8FD9;&#x4E00;&#x8FC7;&#x7A0B;&#x3002;</li>
</ul>
<h3 id="dom&#x540C;&#x6E90;&#x7B56;&#x7565;">DOM&#x540C;&#x6E90;&#x7B56;&#x7565;</h3>
<p>DOM&#x540C;&#x6E90;&#x7B56;&#x7565;&#x4E5F;&#x4E00;&#x6837;&#xFF0C;&#x5982;&#x679C;iframe&#x4E4B;&#x95F4;&#x53EF;&#x4EE5;&#x8DE8;&#x57DF;&#x8BBF;&#x95EE;&#xFF0C;&#x53EF;&#x4EE5;&#x8FD9;&#x6837;&#x653B;&#x51FB;&#xFF1A;</p>
<ul>
<li>&#x505A;&#x4E00;&#x4E2A;&#x5047;&#x7F51;&#x7AD9;&#xFF0C;&#x91CC;&#x9762;&#x7528;iframe&#x5D4C;&#x5957;&#x4E00;&#x4E2A;&#x94F6;&#x884C;&#x7F51;&#x7AD9;<code>&lt;http://mybank.com&gt;</code>&#x3002;</li>
<li>&#x628A;iframe&#x5BBD;&#x9AD8;&#x5565;&#x7684;&#x8C03;&#x6574;&#x5230;&#x9875;&#x9762;&#x5168;&#x90E8;&#xFF0C;&#x8FD9;&#x6837;&#x7528;&#x6237;&#x8FDB;&#x6765;&#x9664;&#x4E86;&#x57DF;&#x540D;&#xFF0C;&#x522B;&#x7684;&#x90E8;&#x5206;&#x548C;&#x94F6;&#x884C;&#x7684;&#x7F51;&#x7AD9;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x5DEE;&#x522B;&#x3002;</li>
<li>&#x8FD9;&#x65F6;&#x5982;&#x679C;&#x7528;&#x6237;&#x8F93;&#x5165;&#x8D26;&#x53F7;&#x5BC6;&#x7801;&#xFF0C;&#x6211;&#x4EEC;&#x7684;&#x4E3B;&#x7F51;&#x7AD9;&#x53EF;&#x4EE5;&#x8DE8;&#x57DF;&#x8BBF;&#x95EE;&#x5230;<code>&lt;http://mybank.com&gt;</code>&#x7684;dom&#x8282;&#x70B9;&#xFF0C;&#x5C31;&#x53EF;&#x4EE5;&#x62FF;&#x5230;&#x7528;&#x6237;&#x7684;&#x8F93;&#x5165;&#x4E86;&#xFF0C;&#x90A3;&#x4E48;&#x5C31;&#x5B8C;&#x6210;&#x4E86;&#x4E00;&#x6B21;&#x653B;&#x51FB;&#x3002;</li>
</ul>
<p>&#x6240;&#x4EE5;&#x8BF4;&#x6709;&#x4E86;&#x8DE8;&#x57DF;&#x8DE8;&#x57DF;&#x9650;&#x5236;&#x4E4B;&#x540E;&#xFF0C;&#x6211;&#x4EEC;&#x624D;&#x80FD;&#x66F4;&#x5B89;&#x5168;&#x7684;&#x4E0A;&#x7F51;&#x4E86;&#x3002;</p>
<h2 id="&#x8DE8;&#x57DF;&#x7684;&#x89E3;&#x51B3;&#x65B9;&#x5F0F;">&#x8DE8;&#x57DF;&#x7684;&#x89E3;&#x51B3;&#x65B9;&#x5F0F;</h2>
<h3 id="&#x901A;&#x8FC7;jsonp&#x8DE8;&#x57DF;">&#x901A;&#x8FC7;Jsonp&#x8DE8;&#x57DF;</h3>
<p>&#x5728;js&#x4E2D;&#xFF0C;&#x6211;&#x4EEC;&#x76F4;&#x63A5;&#x7528;XMLHttpRequest&#x8BF7;&#x6C42;&#x4E0D;&#x540C;&#x57DF;&#x4E0A;&#x7684;&#x6570;&#x636E;&#x65F6;&#xFF0C;&#x662F;&#x4E0D;&#x53EF;&#x4EE5;&#x7684;&#x3002;&#x4F46;&#x662F;&#xFF0C;&#x5728;&#x9875;&#x9762;&#x4E0A;&#x5F15;&#x5165;&#x4E0D;&#x540C;&#x57DF;&#x4E0A;&#x7684;js&#x811A;&#x672C;&#x6587;&#x4EF6;&#x5374;&#x662F;&#x53EF;&#x4EE5;&#x7684;&#xFF0C;jsonp&#x6B63;&#x662F;&#x5229;&#x7528;&#x8FD9;&#x4E2A;&#x7279;&#x6027;&#x6765;&#x5B9E;&#x73B0;&#x7684;&#x3002;</p>
<p>&#x6BD4;&#x5982;&#xFF0C;&#x6709;&#x4E2A;a.html&#x9875;&#x9762;&#xFF0C;&#x5B83;&#x91CC;&#x9762;&#x7684;&#x4EE3;&#x7801;&#x9700;&#x8981;&#x5229;&#x7528;ajax&#x83B7;&#x53D6;&#x4E00;&#x4E2A;&#x4E0D;&#x540C;&#x57DF;&#x4E0A;&#x7684;json&#x6570;&#x636E;&#xFF0C;&#x5047;&#x8BBE;&#x8FD9;&#x4E2A;json&#x6570;&#x636E;&#x5730;&#x5740;&#x662F;<code>&lt;http://test.itheima.com/findData.do&gt;</code>,&#x90A3;&#x4E48;a.html&#x4E2D;&#x7684;&#x4EE3;&#x7801;&#x5C31;&#x53EF;&#x4EE5;&#x8FD9;&#x6837;&#xFF1A;</p>
<p>a.html</p>
<pre><code class="lang-javascript">&lt;script type=&quot;text/javascript&quot;&gt;
    function jsonpCallback(data){
        //dosomething
    }
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://test.itheima.com/findData.do?callback=jsonpCallback&quot;&gt;&lt;/script&gt;
</code></pre>
<p>&#x6211;&#x4EEC;&#x770B;&#x5230;&#x83B7;&#x53D6;&#x6570;&#x636E;&#x7684;&#x5730;&#x5740;&#x540E;&#x9762;&#x8FD8;&#x6709;&#x4E00;&#x4E2A;callback&#x53C2;&#x6570;&#xFF0C;&#x6309;&#x60EF;&#x4F8B;&#x662F;&#x7528;&#x8FD9;&#x4E2A;&#x53C2;&#x6570;&#x540D;&#xFF0C;&#x4F46;&#x662F;&#x4F60;&#x7528;&#x5176;&#x4ED6;&#x7684;&#x4E5F;&#x4E00;&#x6837;&#x3002;&#x5F53;&#x7136;&#x5982;&#x679C;&#x83B7;&#x53D6;&#x6570;&#x636E;&#x7684;jsonp&#x5730;&#x5740;&#x9875;&#x9762;&#x4E0D;&#x662F;&#x4F60;&#x81EA;&#x5DF1;&#x80FD;&#x63A7;&#x5236;&#x7684;&#xFF0C;&#x5C31;&#x5F97;&#x6309;&#x7167;&#x63D0;&#x4F9B;&#x6570;&#x636E;&#x7684;&#x90A3;&#x4E00;&#x65B9;&#x7684;&#x89C4;&#x5B9A;&#x683C;&#x5F0F;&#x6765;&#x64CD;&#x4F5C;&#x4E86;&#x3002;
&#x56E0;&#x4E3A;&#x662F;&#x5F53;&#x505A;&#x4E00;&#x4E2A;js&#x6587;&#x4EF6;&#x6765;&#x5F15;&#x5165;&#x7684;&#xFF0C;&#x6240;&#x4EE5;<code>http://test.itheima.com/findData.do</code>&#x8FD4;&#x56DE;&#x7684;&#x5FC5;&#x987B;&#x662F;&#x4E00;&#x4E2A;&#x80FD;&#x6267;&#x884C;&#x7684;js&#x6587;&#x4EF6;&#xFF0C;&#x6240;&#x4EE5;&#x8FD9;&#x4E2A;url&#x5BF9;&#x5E94;&#x7684;Java&#x4EE3;&#x7801;&#x53EF;&#x80FD;&#x662F;&#x8FD9;&#x6837;&#x7684;:</p>
<p>DataController.java</p>
<pre><code class="lang-java"><span class="hljs-meta">@RequestMapping</span>(<span class="hljs-string">&quot;/findData&quot;</span>)
<span class="hljs-meta">@ResponseBody</span>
<span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">showName</span><span class="hljs-params">(String callback)</span> </span>{
    <span class="hljs-keyword">return</span> callback+<span class="hljs-string">&quot;({\&quot;text\&quot;:\&quot;hello&#xFF0C;&#x6211;&#x6765;&#x81EA;&#x8DE8;&#x57DF;&#x8C03;&#x7528;\&quot;});&quot;</span>;
}
</code></pre>
<p>&#x6240;&#x4EE5;&#x901A;&#x8FC7;<code>&lt;http://test.itheima.com/findData.do?callback=jsonpCallback&gt;</code>&#x5F97;&#x5230;&#x7684;js&#x6587;&#x4EF6;&#xFF0C;&#x5C31;&#x662F;&#x6211;&#x4EEC;&#x4E4B;&#x524D;&#x5B9A;&#x4E49;&#x7684;jsonpCallback&#x51FD;&#x6570;,&#x5E76;&#x4E14;&#x5B83;&#x7684;&#x53C2;&#x6570;&#x5C31;&#x662F;&#x6211;&#x4EEC;&#x9700;&#x8981;&#x7684;json&#x6570;&#x636E;&#xFF0C;&#x8FD9;&#x6837;&#x6211;&#x4EEC;&#x5C31;&#x8DE8;&#x57DF;&#x83B7;&#x5F97;&#x4E86;&#x6211;&#x4EEC;&#x9700;&#x8981;&#x7684;&#x6570;&#x636E;&#x3002;</p>
<p>&#x8FD9;&#x6837;jsonp&#x7684;&#x539F;&#x7406;&#x5C31;&#x5F88;&#x6E05;&#x695A;&#x4E86;&#xFF0C;&#x901A;&#x8FC7;script&#x6807;&#x7B7E;&#x5F15;&#x5165;&#x4E00;&#x4E2A;js&#x6587;&#x4EF6;&#xFF0C;&#x8FD9;&#x4E2A;js&#x6587;&#x4EF6;&#x8F7D;&#x5165;&#x6210;&#x529F;&#x540E;&#x4F1A;&#x6267;&#x884C;&#x6211;&#x4EEC;&#x5728;url&#x53C2;&#x6570;&#x4E2D;&#x6307;&#x5B9A;&#x7684;&#x51FD;&#x6570;&#xFF0C;&#x5E76;&#x4E14;&#x4F1A;&#x628A;&#x6211;&#x4EEC;&#x9700;&#x8981;&#x7684;json&#x6570;&#x636E;&#x4F5C;&#x4E3A;&#x53C2;&#x6570;&#x4F20;&#x5165;&#x3002;&#x6240;&#x4EE5;jsonp&#x662F;&#x9700;&#x8981;&#x670D;&#x52A1;&#x5668;&#x7AEF;&#x7684;&#x9875;&#x9762;&#x8FDB;&#x884C;&#x76F8;&#x5E94;&#x7684;&#x914D;&#x5408;&#x7684;&#x3002;</p>
<h3 id="cors&#x8DE8;&#x57DF;&#x8D44;&#x6E90;&#x5171;&#x4EAB;">CORS&#x8DE8;&#x57DF;&#x8D44;&#x6E90;&#x5171;&#x4EAB;</h3>
<p>CORS&#x662F;&#x4E00;&#x4E2A;W3C&#x6807;&#x51C6;&#xFF0C;&#x5168;&#x79F0;&#x662F;&#x201D;&#x8DE8;&#x57DF;&#x8D44;&#x6E90;&#x5171;&#x4EAB;&#x201D;&#xFF08;Cross-origin resource sharing&#xFF09;&#x3002;</p>
<p>&#x5BF9;&#x4E8E;&#x5BA2;&#x6237;&#x7AEF;&#xFF0C;&#x6211;&#x4EEC;&#x8FD8;&#x662F;&#x6B63;&#x5E38;&#x4F7F;&#x7528;xhr&#x5BF9;&#x8C61;&#x53D1;&#x9001;ajax&#x8BF7;&#x6C42;&#x3002;&#x552F;&#x4E00;&#x9700;&#x8981;&#x6CE8;&#x610F;&#x7684;&#x662F;&#xFF0C;&#x6211;&#x4EEC;&#x9700;&#x8981;&#x8BBE;&#x7F6E;&#x6211;&#x4EEC;&#x7684;xhr&#x5C5E;&#x6027;withCredentials&#x4E3A;true&#xFF0C;&#x4E0D;&#x7136;&#x7684;&#x8BDD;&#xFF0C;cookie&#x662F;&#x5E26;&#x4E0D;&#x8FC7;&#x53BB;&#x7684;&#x54E6;&#xFF0C;&#x8BBE;&#x7F6E;&#xFF1A; </p>
<pre><code class="lang-javascript"><span class="hljs-keyword">var</span> xhr = <span class="hljs-keyword">new</span> XMLHttpRequest();
xhr.withCredentials = <span class="hljs-literal">true</span>;
</code></pre>
<p>&#x5BF9;&#x4E8E;java&#x670D;&#x52A1;&#x5668;&#x7AEF;&#xFF0C;&#x9700;&#x8981;&#x5728; response header&#x4E2D;&#x8BBE;&#x7F6E;&#x5982;&#x4E0B;&#x4E24;&#x4E2A;&#x5B57;&#x6BB5;:</p>
<pre><code class="lang-java">response.setHeader(<span class="hljs-string">&quot;Access-Control-Allow-Origin&quot;</span>, <span class="hljs-string">&quot;&#x4F60;&#x7684;&#x57DF;&#x540D;&quot;</span>);
response.setHeader(<span class="hljs-string">&quot;Access-Control-Allow-Credentials&quot;</span>, <span class="hljs-string">&quot;true&quot;</span>);
</code></pre>
<p>&#x8FD9;&#x6837;&#xFF0C;&#x6211;&#x4EEC;&#x5C31;&#x53EF;&#x4EE5;&#x8DE8;&#x57DF;&#x8BF7;&#x6C42;&#x63A5;&#x53E3;&#x4E86;&#x3002;</p>
<h2 id="cors&#x4E0E;jsonp&#x7684;&#x5BF9;&#x6BD4;">CORS&#x4E0E;JSONP&#x7684;&#x5BF9;&#x6BD4;</h2>
<ul>
<li>CORS&#x4E0E;JSONP&#x7684;&#x4F7F;&#x7528;&#x76EE;&#x7684;&#x76F8;&#x540C;&#xFF0C;&#x4F46;&#x662F;&#x6BD4;JSONP&#x66F4;&#x5F3A;&#x5927;&#x3002;  </li>
<li>JSONP&#x53EA;&#x652F;&#x6301;GET&#x8BF7;&#x6C42;&#xFF0C;CORS&#x652F;&#x6301;&#x6240;&#x6709;&#x7C7B;&#x578B;&#x7684;HTTP&#x8BF7;&#x6C42;&#x3002;JSONP&#x7684;&#x4F18;&#x52BF;&#x5728;&#x4E8E;&#x652F;&#x6301;&#x8001;&#x5F0F;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&#x4EE5;&#x53CA;&#x53EF;&#x4EE5;&#x5411;&#x4E0D;&#x652F;&#x6301;CORS&#x7684;&#x7F51;&#x7AD9;&#x8BF7;&#x6C42;&#x6570;&#x636E;&#x3002;<h2 id="&#x603B;&#x7ED3;">&#x603B;&#x7ED3;</h2>
</li>
</ul>
<p>&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x534F;&#x8BAE;&#x3001;&#x57DF;&#x540D;&#x3001;&#x7AEF;&#x53E3;&#x6709;&#x4EFB;&#x4F55;&#x4E00;&#x4E2A;&#x4E0D;&#x540C;&#x7684;&#x8BF7;&#x6C42;&#x5C31;&#x662F;&#x8DE8;&#x57DF;&#x8BF7;&#x6C42;,ajax&#x7684;&#x8DE8;&#x57DF;&#x9650;&#x5236;&#x662F;&#x4E3A;&#x4E86;&#x5B89;&#x5168;&#x8003;&#x8651;,&#x5982;&#x679C;&#x786E;&#x5B9E;&#x9700;&#x8981;&#x8DE8;&#x57DF;,&#x53EF;&#x4EE5;&#x6839;&#x636E;&#x9700;&#x6C42;&#x9009;&#x62E9;&#x4F7F;&#x7528;jsoup&#x6216;cros&#x89E3;&#x51B3;&#x8DE8;&#x57DF;&#x95EE;&#x9898;.</p>

                                
                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                
                <a href="2019-12-31-设计模式.html" class="navigation navigation-prev " aria-label="Previous page: 4.2019-12-31-设计模式">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
                <a href="2020-01-12-freemarker应用场景介绍.html" class="navigation navigation-next " aria-label="Next page: 6.2020-01-12-freemarker应用场景介绍">
                    <i class="fa fa-angle-right"></i>
                </a>
                
            
        
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"layout":"post","title":"5.2020-01-12-Ajax跨域问题解决方案","categories":["java","ajax"],"description":"Ajax跨域问题解决方案","keywords":"java,ajax","level":"2.6.5","depth":2,"next":{"title":"6.2020-01-12-freemarker应用场景介绍","level":"2.6.6","depth":2,"path":"java/2020-01-12-freemarker应用场景介绍.md","ref":"java/2020-01-12-freemarker应用场景介绍.md","articles":[]},"previous":{"title":"4.2019-12-31-设计模式","level":"2.6.4","depth":2,"path":"java/2019-12-31-设计模式.md","ref":"java/2019-12-31-设计模式.md","articles":[]},"dir":"ltr"},"config":{"gitbook":"*","theme":"default","variables":{},"plugins":[],"pluginsConfig":{"highlight":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"}},"file":{"path":"java/2020-01-12-Ajax跨域问题解决方案.md","mtime":"2020-01-13T01:25:29.227Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2020-08-27T08:51:05.639Z"},"basePath":"..","book":{"language":""}});
        });
    </script>
</div>

        
    <script src="../gitbook/gitbook.js"></script>
    <script src="../gitbook/theme.js"></script>
    
        
        <script src="../gitbook/gitbook-plugin-search/search-engine.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-search/search.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-sharing/buttons.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    

    </body>
</html>

